<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>APP</title>
    <link rel="stylesheet" href="../../css/api.css" />
    <link rel="stylesheet" href="../../css/aui.css" />
    <link rel="stylesheet" href="../../css/aui-flex.css" />
    <link rel="stylesheet" href="../../css/login.css">
</head>
<body>
    <div id="wrap">
      <header class="aui-bar aui-bar-nav aui-bg-danger">
        <div class="aui-pull-left aui-btn" onclick="closeWin();">
          <span class="aui-iconfont aui-icon-left"></span>
        </div>
        <div class="aui-title aui-text-white">修改手机号</div>
      </header>

        <div>
          <div class="aui-flex-col aui-flex-middle aui-padded-l-10 aui-padded-r-10 aui-bg-white aui-margin-t-10">
            <label class="aui-margin-r-10">验证方式</label>
            <div class="aui-flex-auto aui-list-item-input">
              <input
                id="oldTele"
                class="aui-font-size-14"
                type="tel"
                placeholder="通过手机号验证"
                disabled
              >
            </div>
          </div>

          <div class="aui-padded-l-10 aui-padded-r-10 aui-bg-white">
            <div class="aui-flex-col aui-flex-middle  aui-margin-t-10" style="position: relative;">
              <label class="aui-margin-r-10">验证码</label>
              <div class="aui-flex-auto aui-list-item-input">
                <input
                  id="tele"
                  class="aui-font-size-14"
                  type="text"
                  placeholder="请输入短信验证码"
                >
              </div>
              <span class="aui-font-size-12 aui-btn aui-bg-danger aui-text-white tele-code-btn" onclick="getTeleCode()">获取验证码</span>
            </div>
            <div class="aui-hr"></div>
            <p class="aui-font-size-12 aui-padded-t-10 aui-padded-b-10">
              点击获取验证码您可收到验证短信，五分钟内有效
            </p>
          </div>

          <div class="aui-flex-col aui-flex-middle aui-padded-l-10 aui-padded-r-10 aui-bg-white aui-margin-t-10">
            <label class="aui-margin-r-10">新手机号</label>
            <div class="aui-flex-auto aui-list-item-input">
              <input
                id="newTele"
                class="aui-font-size-14"
                type="tel"
                placeholder="请输入新手机号"
              >
            </div>
          </div>

          <div class="aui-padded-15 aui-margin-t-25">
            <div
              class="aui-btn aui-btn-block aui-bg-danger aui-text-white"
              onclick="updateTele()"
            >确认修改</div>
          </div>
        </div>
    </div>
</body>
<script src="../../script/api.js"></script>
<script src="../../script/zepto.js"></script>
<script src="../../script/common.js"></script>
<script src="../../script/setTelephone.js"></script>
</html>
